<script setup lang="ts">
import 'swiper/css'
import 'swiper/css/navigation'
import 'swiper/css/pagination'

import 'ant-design-vue/es/message/style/css'
import 'ant-design-vue/es/notification/style/css'
import { useSocket } from './composables/socket'

//socketio链接
const { initialize } = $(useSocket())
initialize()

const { asyncUserInfo } = $(useUser())
// 同步用户数据
await asyncUserInfo()
// import { useUser } from './composables/user'
// const userStore = useUser()
// // 同步用户数据
// await userStore.asyncUserInfo()

useHead({
  title: "小滴课堂",
  meta: [
    { name: "description", content: "小滴课堂的网站" },
    { name: "keywords", content: "vue3教程,微服务教程,nuxt3教程" },
  ],
})

</script>

<template>
  <NuxtLayout>
    <NuxtPage :key="$route.fullPath"></NuxtPage>
  </NuxtLayout>
</template>

<style lang="less">
@import './assets/reset.less';
</style>
